<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>IKEA DETAIL</title>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<!-- 
    iconfont.css
 -->
<link rel="stylesheet" href="./font_bag/iconfont.css">
<link rel="stylesheet" href="./font_index/iconfont.css">

<!-- 
    common.css
    detail.css
 -->
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/detail.css">
</head>
<body>
    <div class="nuxt">
        <div class="layout">
            <div class="biggest-box">
                <!-- 顶部 -->
                <header class="biggest-header">
                    <!-- 顶部通知栏 -->
                    <div class="header-message">
                        <div class="message-center">
                            <div class="download-app">
                                <img src="./images/down-code.svg" alt="">
                                <p>下载APP</p>
                                <div class="download-app-hide">
                                    <p>扫码下载宜家APP</p>
                                    <p>随时随地都能宜家！</p>
                                    <div class="download-app-hide-imgs">
                                        <div>
                                            <img src="./images/logo.svg" alt="">
                                        </div>
                                        <div>
                                            <img src="./images/logo.svg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="message-notice">
                                <a href="" class="active">🔈 信息疫情影响服务通知，了解详情> </a>
                                <!-- <a href="">疫情影响服务通知，了解详情> </a> -->
                            </div>
                            <div class="language">
                                <a href="" class="Chineses">中文</a>
                                <a>|</a>
                                <a href="" class="English">EN</a>
                            </div>
                        </div>
                        <div class="close-message">
                            <img src="./images/close.svg" alt="">
                        </div>
                    </div>
                    <!-- 顶部导航 -->
                    <header class="nav">
                        <div class="nav-left">
                            <div class="nav-logo">
                                <img src="./images/logo.svg" alt="">
                            </div>
                            <div class="nav-nav">
                                <ul>
                                    <li> <a href="">所有商品</a> </li>
                                    <li> <a href="">房间</a> </li>
                                    <li> <a href="">活动和特惠</a> </li>
                                    <li> <a href="">服务</a> </li>
                                    <li> <a href="">家居灵感</a> </li>
                                    <li> <a href="">新品</a> </li>
                                </ul>
                            </div>
                        </div>
                        <div class="nav-search">
                            <span class="iconfont icon-Magnifier"></span>
                            <input type="text" value="你在找什么？">
                        </div>
                        <div class="nav-right">
                            <span id="nav-myself" class="iconfont icon-gerenziliao">
                                <div class="myself-name">你好 会员</div>
                            </span>
                            <span id="nav-like" class="iconfont icon-xihuan"></span>
                            <span id="nav-shoppingBag" class="iconfont icon-gouwudai"></span>
                        </div>
                    </header>
                </header>
                <!-- 商品 -->
                <div class="bag">
                    <div class="bag-inner">
                        <div class="bag-left">
                            <div class="bag-top">
                                <p class="bag-title">商品详情</p>
                            </div>
                            <!-- 商品放大镜 -->
                            <div class="bag-bag">
                                <div class="zoom-box">

                                    <div class="zoom-middle">
                                        <img src="" alt="">
                                    </div>

                                    <div class="zoom-big">
                                        <img src="" alt="">
                                    </div>

                                    <div class="mask"></div>
                                </div>
                                <div class="zoom-small">
                                    <ul>
                                        <li class="active">
                                            <img src="" alt="">
                                        </li>
                                        <li>
                                            <img src="" alt="">
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- 商品信息 -->
                        <div class="bag-right">
                            <div class="bag-right-line line-total">
                                <p class="product-name"> </p>
                                <span>
                                    <span class="bag-total-symbol">￥</span>
                                    <span class="bag-total-price">0</span>
                                    <span class="bag-total-symbol">.00</span>
                                    <span class="bg-red"></span>
                                </span>
                            </div>
                            <div class="bag-right-line line-second">
                                <p class="product-info"> </p>
                                <div class="product-vari">

                                </div>
                            </div>
                            <div class="bag-buy-btn">
                                <span class="bag-inner-btn">加入购物袋</span>
                            </div>
                            <div class="bag-ps">
                                <p>配送至 北京市 北京市</p><br>
                                <p>ℹ 查看 北京 商场库存</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 底部 -->
                <footer class="biggest-footer">
                    <footer class="footer-container">
                        <footer class="footer-center">
                            <div class="footer-box">
                                <div class="footer-main">
                                    <div class="footer-club">
                                        <p class="footer-club-title">加入宜家俱乐部</p>
                                        <p class="footer-club-info">
                                            使用宜家俱乐部会员卡，享受折扣，灵感和许多美好事物，使你的想法栩栩如生。<a href="">查看更多</a></p>
                                        <div class="footer-club-more">
                                            <a href="">立即加入</a>
                                        </div>
                                    </div>
                                    <div class="footer-nav">
                                        <div class="footer-nav-list">
                                            <h5>常用链接</h5>
                                            <ul>
                                                <li><a href="">宜家《家居指南》及手册</a></li>
                                                <li><a href="">宜家家居APP</a></li>
                                                <li><a href="">本地商场</a></li>
                                                <li><a href="">在线设计工具</a></li>
                                                <li><a href="">宜家俱乐部</a></li>
                                                <li><a href="">宜家对公业务</a></li>
                                                <li><a href="">瑞典美食</a></li>
                                            </ul>
                                        </div>
                                        <div class="footer-nav-list">
                                            <h5>客户服务</h5>
                                            <ul>
                                                <li><a href="">我们的服务</a></li>
                                                <li><a href="">联系我们</a></li>
                                                <li><a href="">网上商城配送范围</a></li>
                                                <li><a href="">常见问题</a></li>
                                                <li><a href="">退货政策</a></li>
                                                <li><a href="">品质保证</a></li>
                                                <li><a href="">购物指南</a></li>
                                            </ul>
                                        </div>
                                        <div class="footer-nav-list">
                                            <h5>关于宜家</h5>
                                            <ul>
                                                <li><a href="">这就是宜家</a></li>
                                                <li><a href="">民主设计</a></li>
                                                <li><a href="">可持续的日常生活</a></li>
                                                <li><a href="">社区参与</a></li>
                                                <li><a href="">加入我们</a></li>
                                                <li><a href="">IKEA Foundation</a></li>
                                                <li><a href="">意见反馈</a></li>
                                            </ul>
                                        </div>
                                        <div class="footer-nav-list">
                                            <h5>宜家新闻</h5>
                                            <ul>
                                                <li><a href="">新闻室</a></li>
                                                <li><a href="">新闻联络</a></li>
                                                <li><a href="">商品召回</a></li>
                                                <li><a href="">牢牢固定！</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="footer-app">
                                    <a href="">
                                        <img src="./images/weChat.svg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="./images/sina.svg" alt="">
                                    </a>
                                    <a href="">
                                        <img src="./images/jiantou.svg" alt="">
                                    </a>
                                    <div class="footer-app-select">
                                        <select name="" id="">
                                            <option value="zh" selected="selected">中文</option>
                                            <option value="en">EN</option>
                                        </select>
                                        <span class="iconfont icon-you"></span>
                                    </div>
                                </div>
                                <div class="footer-copyright">
                                    <p class="copyrght-left">&copy; Inter IKEA Systems B.V. 1999-2021</p>
                                    <div class="copyrght-right">
                                        <a href="">隐私政策</a>
                                        <span>&nbsp;|&nbsp;</span>
                                        <a href="">缺陷纰漏政策</a>
                                        <span>&nbsp;|&nbsp;</span>
                                        <a href="">使用条款</a>
                                        <span>&nbsp;|&nbsp;</span>
                                        <a href="">上海工商</a>
                                        <span>&nbsp;|&nbsp;</span>
                                        <a href="">沪公网安备 31010402001069号</a>
                                        <span>&nbsp;|&nbsp;</span>
                                        <a href="">沪ICP 备17055232 号</a>
                                    </div>
                                </div>
                            </div>
                        </footer>
                    </footer>
                </footer>
            </div>
        </div>
    </div>
</body>
<script src="./js/jquery-3.4.1.js"></script>
<script src="./js/Wings.js"></script>
<script src="./js/name.js"></script>
<script src="./js/detail.js"></script>
</html>